/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14/08/2014, 12:44:00 PM
    Author     : renzo
*/
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow|Volkhov:400italic,700);

@font-face {
    font-family: 'Eras Medium ITC';
    src: url('../font/Eras Medium ITC/eras_medium_itc-webfont.eot');
    src: url('../font/Eras Medium ITC/eras_medium_itc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Eras Medium ITC/eras_medium_itc-webfont.woff') format('woff'),
         url('../font/Eras Medium ITC/eras_medium_itc-webfont.ttf') format('truetype'),
         url('../font/Eras Medium ITC/eras_medium_itc-webfont.svg#eras_medium_itcregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


footer{
    
    width: 100%;
    height: 120px;
    background-image: url("../img/footer.png"); 
/*    background: #d9d9d9;*/
    color: white;
    text-align: center;
    font-family: Eras Medium ITC;
     padding: 0px;
/*     opacity: 0.7;*/
}

/* BLOQUE I*/
.foo_bloque1,.foo_bloque2, .foo_bloque3{
/*    background: black;*/
    width: 32.8%;
    height: 100px;
    display:inline-block;
      margin-top: 10px;
}

.foo_bloque1{
float: left;
}

/*uno*/
.foo_info{
/*    background: red;*/
    width: 60%;
    height:40%;
    margin: 0 auto;
}

/*.foo_info_logo{
    background:blue;
    width: 20%;
    display: inline-block;
    float: left;
    margin-top: 5px;
}
foo_info_logo .img{
    width: 12px;
    height: 12px;
}*/


.foo_info_texto{
    font-size: 10px;
    display: inline-block;
    width: 100%;
    float: right;
/*    background: yellow;*/
    height: 100%;
    padding:-5px;
    text-align: center;
}

/*dos*/
.foo_contacto{
/*    background: yellow;*/
    width: 60%;
    height: 100%;  
    margin-left: 90px;
}

.foo_contacto2{
    /*background: yellow;*/
    width: 90%;
    height: 100%;  
    margin: 0 auto;
}

/*2.1*/
.foo_cont_imgs{
    position: relative;
    /*    background: #4a3c27;*/
    width: 14.5%;
    height: 100%;
    display: inline-block; 
    float: left;
}

.foo_cont_imgs2{
    position: relative;
    /*background: yellowgreen;*/
    width: 12%;
    height: 100%;
    display: inline-block; 
    float: left;
}

/*2.1.1*/
.img_cont{
    position: relative;
   margin: 0 auto;
/*   background: orange;*/
   height: 35px;
   width:  35px;
   display: block;
   top:12.5px;
   
}

/*2.2*/
.foo_cont_texto{
/*    background: brown;*/
    width: 85.5%;
    height: 100%; 
    float: right;
/*    margin-left: 3px;*/
}
foo_cont_texto2{
    /*    background: brown;*/
    width: 85.5%;
    height: 100%; 
    float: right;
/*    margin-left: 3px;*/
    
}

.foo_text1{
        position: relative;
        font-size: 8px;
        margin-left: 10px;
/*        background: blue;*/
        top:12.5px;
}
.foo_text2{
        position: relative;
        font-size: 8px;
        margin-left:48px;
        /*background: blue;*/
        top:12.5px;
}

.foo_text0_label{
     font-family: "PT Sans Narrow";   
    font-size: 14.5px;
    text-align: left;
}
.foo_text1_label{
   font-family: "PT Sans Narrow";
    font-size: 14px;
    text-align: left;
}

.outlook{
    text-decoration: none;
    color: #d9d9d9
/*    font-weight: bold;*/
}
.outlook:hover{
    color: orange;
}


/* BLOQUE II*/
.foo_bloque2{
/*background: red;*/
}

/* BLOQUE III*/
.foo_bloque3{
   float: right;
}

/* BLOQUE DIVISOR */
.division{
    width: 2px;
    height:50px;
/*    position: relative;*/
/*    background: yellow;*/
    display: inline-block;
    float: inside;
    vertical-align: top;
    margin-top: 35.75px;
/*    border-right:  solid 1px #d9d9d9;
    border-left:  solid 1px #d9d9d9;*/
}